<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/ProductDetails.css" />
    <style>
        nav {
            width: 100%;
            background-color: #000;
            position: relative;
        }
        
        footer {
            width: 100%;
            height: 580px;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <!--头部-->
    <nav>

    </nav>
    <!--内容-->
    <div id="j_content">
        <div class="j_content_txt">
            全部结果&nbsp;&nbsp;><span>"手机"</span>
        </div>
        <div id="Classification">
            <div class="Classification_fl">
                <div class="Classification_txt">
                    分类:
                </div>
                <ul class="Classification_ul">

                    <!-- <li>耳机音箱</li>
                    <li>智能音箱</li>
                    <li>蓝牙音箱</li>
                    <li>生态产品</li>
                    <li>影音娱乐</li>
                    <li>智慧屏</li>
                    <li>平板</li>
                    <li>数码周边</li>
                    <li>华为畅享系列</li> -->

                </ul>
                <div class="Classification_div">
                    更多
                </div>
            </div>
            <div class="Discount">
                <div class="Classification_txt">
                    服务优惠:
                </div>
                <ul class="Classification_yh">

                    <li>仅看有货</li>
                    <li>分期免息</li>
                    <li>优惠商品</li>
                </ul>
            </div>
            <div class="Discount">
                <div class="Classification_txt">
                    排序:
                </div>
                <ul class="Classification_yh">

                    <li>综合</li>
                    <li>最新</li>
                    <li>评论数</li>
                    <li>价格</li>
                </ul>
            </div>
        </div>
        <div class="j_content_details">
            <ul class="j_content_ul">
                <!-- <li><img>
                    <h1></h1>
                    <p><b></b><i>多款可选</i></p>
                    <p><span>限时特价</span><span>赠送积分</span></p>
                    <em>3742人评价</em><em>96好评</em>
                </li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li>
                <li><img src="" alt=""></li> -->
            </ul>
        </div>

        <!--分页-->
        <div id="j_paging">
            <div class="j_paging_box">
                <button type="button" class="but1">
						<</button>
                <ul class="j_paging_ul">

                    <li class="j_paging_li">1</li>
                    <li class="j_paging_li">2</li>
                    <li class="j_paging_li">3</li>
                </ul>
                <button type="button" class="but2">></button>
            </div>
        </div>
    </div>
    <footer>

    </footer>
</body>

</html>
<script src="js/jQuery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/ProductDetails.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $("nav").load("header.html");
    $("footer").load("footer.html");
</script>